<wicket:extend>
	<div class="content">
		<div class="container">
			<!-- <div class="page-header">
        <h1>The BP Circles frequently asked questions</h1>
      </div>  -->
			<div class="row">
				<!-- <div class="span2"></div>  bs-docs-sidenav affix nav-tabs nav-stacked-->
				<div class="span2">

					<div class="smv-leftnav">
						<div class="btn-toolbar">
							<div class="btn-group">
								<a class="btn btn-small" href="tr-new-ride.html">Take Ride</a> <a
									class="btn btn-small btn-success" href="gr-new-ride.html">Give
									Ride</a>
							</div>
						</div>
						<div class="well" style="padding: 8px 0;">
							<ul class="nav nav-list">
								<li class="nav-header">Ride Section</li>
								<li><a href="#" wicket:id="newRides"><i class="icon-edit"></i>
										New Rides</a></li>
								<li><a href="#" wicket:id="pendingRides"><i
										class="icon-share"></i> Pending Rides</a></li>
								<li><a href="#" wicket:id="completedRides"><i
										class="icon-check"></i> Completed Rides</a></li>
								<li><a href="#" wicket:id="payment"><i class="icon-shopping-cart"></i>
										Payment</a></li>
								<li class="nav-header">Your Account</li>
								<li><a href="#" wicket:id="userPreferences"><i class="icon-user"></i>
										Preferences</a></li>
								<li><a href="#" wicket:id="createCircle"><i class="icon-cog"></i>
										Create Circle</a></li>
								<li><a href="gr-create-msg.html"><i
										class="icon-comment"></i> Create Message</a></li>
								<li class="active"><a href="#" wicket:id="home"><i
										class="icon-envelope"></i> My Message</a></li>

							</ul>
						</div>
					</div>
				</div>
				<!-- table section -->
				<div class="span10">
					<div class="page-header">
						<h1>Completed Rides</h1>
					</div>
					<div>
						<table class="table table-bordered table-striped">
							<thead>
								<tr>
									<th><i class="icon-map-marker"></i></th>
									<th>Travelled With</th>
									<th>Role</th>
									<th>From</th>
									<th>To</th>
									<th>Date</th>
									<th>Time</th>
									<th></th>
									<th>Rating</th>
									<th>Notes</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>1.</td>
									<td>Shyam K</td>
									<td>Producer</td>
									<td>Koramangala</td>
									<td>Marathalli</td>
									<td>May 25, 2013</td>
									<td>10 AM</td>
									<td><a href="#">Duplicate</a></td>
									<td><i class="icon-star"></i><i class="icon-star"></i><i
										class="icon-star"></i><i class="icon-star"></i></td>
									<td>This is the note</td>
								</tr>
								<tr>
									<td>2.</td>
									<td>Krishnkanth P</td>
									<td>Consumer</td>
									<td>Koramangala</td>
									<td>Marathalli</td>
									<td>May 15, 2013</td>
									<td>7 PM</td>
									<td><a href="#">Duplicate</a></td>
									<td><i class="icon-star"></i><i class="icon-star"></i><i
										class="icon-star"></i></td>
									<td>This is the note</td>
								</tr>
								<tr>
									<td>3.</td>
									<td>Narayan S</td>
									<td>Producer</td>
									<td>Koramangala</td>
									<td>Marathalli</td>
									<td>May 25, 2013</td>
									<td>10 AM</td>
									<td><a href="#">Duplicate</a></td>
									<td><i class="icon-star"></i><i class="icon-star"></i><i
										class="icon-star"></i></td>
									<td>This is the note</td>
								</tr>
								<tr>
									<td>4.</td>
									<td>Kamal R</td>
									<td>Producer</td>
									<td>Koramangala</td>
									<td>Marathalli</td>
									<td>May 25, 2013</td>
									<td>10 AM</td>
									<td><a href="#">Duplicate</a></td>
									<td><i class="icon-star"></i><i class="icon-star"></i></td>
									<td>This is the note</td>
								</tr>
								<tr>
									<td>5.</td>
									<td>Shyam K</td>
									<td>Producer</td>
									<td>Koramangala</td>
									<td>Marathalli</td>
									<td>May 25, 2013</td>
									<td>10 AM</td>
									<td><a href="#">Duplicate</a></td>
									<td><i class="icon-star"></i><i class="icon-star"></i><i
										class="icon-star"></i><i class="icon-star"></i></td>
									<td>This is the note</td>
								</tr>
								<tr>
									<td>6.</td>
									<td>Pankaj S</td>
									<td>Producer</td>
									<td>Koramangala</td>
									<td>Marathalli</td>
									<td>May 25, 2013</td>
									<td>10 AM</td>
									<td><a href="#">Duplicate</a></td>
									<td><i class="icon-star"></i><i class="icon-star"></i><i
										class="icon-star"></i></td>
									<td>This is the note</td>
								</tr>
								<tr>
									<td>7.</td>
									<td>Ganeshan K</td>
									<td>Producer</td>
									<td>Koramangala</td>
									<td>Marathalli</td>
									<td>May 25, 2013</td>
									<td>10 AM</td>
									<td><a href="#">Duplicate</a></td>
									<td><i class="icon-star"></i><i class="icon-star"></i><i
										class="icon-star"></i><i class="icon-star"></i><i
										class="icon-star"></i></td>
									<td>This is the note</td>
								</tr>
							</tbody>
						</table>
						<!-- <p>
              <button class="btn btn-small" type="button">Edit</button>
              <button class="btn btn-small btn-primary" type="button">Save</button>
            </p> -->
					</div>
				</div>
				<!-- table section ends here -->
			</div>
		</div>
	</div>
	<br />
	<br />
	<br />
	<br />
</wicket:extend>